{% load i18n %}
{% load tags_active %}
<div class="row">
    <div class="col-xs-12">
        <div class="page-header">
            <a href="{% url 'create' host_id %}" class="btn btn-sm btn-success pull-right">{% trans "New Instance" %}</a>
            <h1><a href="{% url 'overview' host_id %}">{{ compute.name }}</a></h1>
        </div>
    </div>
</div>
<div class="row">
    <div class="sidebar col-xs-12 col-sm-3">
        <ul>
            <li>
                <a href="{% url 'instances' host_id %}"
                   class="list {% active request "^/instance" %}">{% trans "Instances" %}</a>
            </li>
            <li>
                <a href="{% url 'storages' host_id %}"
                   class="list {% active request "^/storage" %}">{% trans "Storages" %}</a>
            </li>
            <li>
                <a href="{% url 'networks' host_id %}"
                   class="list {% active request "^/network" %}">{% trans "Networks" %}</a>
            </li>
            <li>
                <a href="{% url 'interfaces' host_id %}"
                   class="list {% active request "^/interface" %}">{% trans "Interfaces" %}</a>
            </li>
            <li>
                <a href="{% url 'secrets' host_id %}"
                   class="list {% active request "^/secrets" %}">{% trans "Secrets" %}</a>
            </li>
            <li>
                <a href="{% url 'overview' host_id %}" class="list {% active request "^/host" %}">{% trans "Overview" %}</a>
            </li>
        </ul>
    </div>
